	function agregarTexto(padre) {

		var ni 			= document.getElementById(padre);
		var $tipo 		= document.getElementById('tipo').value;
		var newelem 	= document.createElement($tipo);
		var $nombre 	= document.getElementById('nombre').value;
		if (!$nombre){
			var numi 	= document.getElementById('cantidad_elem');
			var num 	= numi.value +1;
			numi.value 	= num;
			$nombre 	= 'elem_'+num;
		}
		newelem.setAttribute('id',$nombre);
		document.getElementById('nombre').value = null;
		
		var $clase = document.getElementById('clase').value;
		if ($clase){
			newelem.setAttribute('class',$clase);
			document.getElementById('clase').value = null;
		}
		
		var $texto = document.getElementById('texto').value;
		if ($texto){
			newelem.innerHTML = $texto;
			document.getElementById('texto').value = null;
		}
		
		newelem.innerHTML += '<button onclick=\'removeElement("'+$nombre+'")\'> X </button>';
		ni.appendChild(newelem);
		
		// LLAMADA A PHP POR AJAX
		$.post("agregar_elementos.php",{
			tipo: $tipo,
			nombre: $nombre,
			clase: $clase,
			txt: $texto
		});
	    
		esconderSeccion("#div_texto");
		mostrarSeccion('botonera');
	}
	
	function agregarLista(padre){
		var $div	= document.getElementById(padre);
		var $tabla	= document.getElementById('table_lista');
		var $lista 	= document.createElement('ul');
		
		var $nombre 	= document.getElementById('nombre_lista').value;
		if (!$nombre){
			var numi 	= document.getElementById('cantidad_elem');
			var num 	= numi.value +1;
			numi.value 	= num;
			$nombre 	= 'elem_'+num;
		}
		$lista.setAttribute('id',$nombre);
		document.getElementById('nombre_lista').value = null;
		
		var $clase = document.getElementById('clase_lista').value;
		if ($clase){
			$lista.setAttribute('class',$clase);
			document.getElementById('clase_lista').value = null;
		}
		
		var $texto = document.getElementById('texto_lista').value;
		if ($texto){
			var $title = document.createElement('h2');
			var $txt = document.createTextNode($texto);
    		$title.appendChild($txt);
			$lista.appendChild($title);
			document.getElementById('texto_lista').value = null;
		}
		
		var $btn = document.createElement('button');
		var $txt = document.createTextNode('X');
    	$btn.appendChild($txt);
    	$btn.setAttribute('onclick','removeElement("'+$nombre+'")');
		$lista.appendChild($btn);
		
		// LLAMADA A PHP POR AJAX
		$.post("agregar_elementos.php",{
			tipo: "ul",
			nombre: $nombre,
			clase: $clase,
			txt: $texto
		});
		//$.get("agregar_elementos.php?tipo=ul&nombre="+$nombre+"&clase="+$clase+"&txt="+$texto);
		
		for (var i = 4 ; i < $tabla.rows.length -1 ; i++){
			var $row = document.createElement('li');
			var $texto = $tabla.rows[i].cells[0].childNodes[0].value;
			var $txt = document.createTextNode($texto);
    		$row.appendChild($txt);
    		$lista.appendChild($row);
    		// LLAMADA A PHP POR AJAX
    		$.post("agregar_elementos.php",{
				tipo: "li",
				nombre: $nombre,
				clase: $clase,
				txt: $texto
			});
			//$.get("agregar_elementos.php?tipo=li&nombre=ul_"+$nombre+"_"+i+"&clase="+$clase+"&txt="+$texto);
		}
		$div.appendChild($lista);
		cancelarLista();
		esconderSeccion("#div_lista");
		mostrarSeccion('botonera');
	}
	
	function agregarItemLista() {
		var $tabla	= document.getElementById('table_lista');
		
		var $row 	= $tabla.insertRow($tabla.rows.length - 1);
 		var $cel1 	= $row.insertCell(0);
 		$cel1.setAttribute("colspan","2");
  		
  		var $input = document.createElement('input');
		$input.setAttribute('type','text');
		
		var $btn = document.createElement('a');
		var $txt = document.createTextNode('+');
		$btn.setAttribute("class","boton");
    	$btn.appendChild($txt);
		$btn.setAttribute('onclick','agregarItemLista()');
		
  		$cel1.appendChild($input);
  		$cel1.appendChild($btn);
	}
	
	function cancelarLista(){
		var $tabla	= document.getElementById('table_lista');
		while ($tabla.rows.length > 3){
			$tabla.deleteRow(2);
		}
		agregarItemLista();
	}
	
	function agregarBtn(padre) {

		var ni 			= document.getElementById(padre);
		var newelem 	= document.createElement('a');
		var $nombre 	= document.getElementById('nombre_btn').value;
		if (!$nombre){
			var numi 	= document.getElementById('cantidad_elem');
			var num 	= numi.value +1;
			numi.value 	= num;
			$nombre 	= 'elem_'+num;
		}
		newelem.setAttribute('id',$nombre);
		document.getElementById('nombre_btn').value = null;
		
		var $clase = document.getElementById('clase_btn').value;
		if ($clase){
			newelem.setAttribute('class',$clase);
			document.getElementById('clase_btn').value = null;
		}
		
		var $texto = document.getElementById('texto_btn').value;
		var $txt = document.createTextNode($texto);
    	newelem.appendChild($txt);		

		var $link = document.getElementById('link_btn').value;
		if ($link){
			newelem.setAttribute('href',$link);
			document.getElementById('link_btn').value = null;
		}
		
		newelem.innerHTML += '<button onclick=\'removeElement("'+$nombre+'")\'> X </button>';
		ni.appendChild(newelem);
		
		// LLAMADA A PHP POR AJAX
		$.post("agregar_elementos.php",{
			tipo: 'a',
			nombre: $nombre,
			clase: $clase,
			txt: $texto,
			url: $link
		});
	    
		esconderSeccion("#div_btn");
		mostrarSeccion('botonera');
	}
	
	function removeElement(nombre) {
		var d 		= document.getElementById('div_preview');
		var olddiv 	= document.getElementById(nombre);
		d.removeChild(olddiv);
		
		$.post("borrar_elemento.php",{
			id: nombre
		});
	}
	
	function esconderSeccion(id){
		$(id).hide("blind");
	}
	
	function mostrarSeccion(id){
		$('#' + id).show("blind");
	}
	
	$(document).ready(function(){
		$(".seccion").toggle("blind");
	});